<!--  -->


body 	{
	
        font-family:"Open Sans",Calibri,Arial;
	font-size:12pt;
	color:black;
	}


H1 	{
	font-size:16pt;
	color:black;
	}
	

H2 	{
	font-size:16pt;
	color:#B7CEE2;
	}
hr {
    height: 5px;
    color: #B7CEE2;
    background: #B7CEE2;
    font-size: 0;
    border: 0;
}


        }
table 	{
	border: black 1px solid;
   	padding:5px;
	width: 100%;
}
td
	{
	vertical-align:top;
 	}

.tabnobox{
	border:0;
	padding:5px;
	margin-left:auto; 
	margin-right:auto; 
	}
.black 	{
	font-size:14pt;
	color:black;
	}  

.darkblue
	{
	background-color:#B7CEE2;
	} 

.lightblue
	{
	background-color:#f2f2f2;
	}
.alink:link   {
        text-align:center;
        color:black;
        text-decoration:none;
         width:157px;
         display:inline-block;
         }
.alink:visited   {
        text-align:center;
        color:black;
        text-decoration:none;
        width:157px;
        display:inline-block;
         }

.centerTable { margin: 0px auto; }

.centredimage {
        display:block;
       margin:auto;
        border-right-style:solid;
       border-left-style:solid;
        border-right-color:#B7CEE2;
        border-left-color:#B7CEE2;
        border-right-width:10px;
        border-left-width:10px ;
        padding:10px;
        }
.centredimage2 {
        display:block;
	margin:10px
        border-right-style:solid;
        border-left-style:solid;
        border-right-color:#B7CEE2;
        border-left-color:#B7CEE2;
        border-right-width:10px;
        border-left-width:10px ;
        padding:10px;
        }

        }
.lefttitle {
        width:20%;
     }   
.midtitle {
      width:60%;
      
      }
.righttitle {
    width:20%;
    }
      

.alink:hover   {
        text-align:center;
        width:157px;
        background-color:#B7CEE2;
        font-weight:bold;
        color:black;
        text-decoration:none;
        display:inline-block;
        }
        
.borderline
         {
           background-color:#B7CEE2;
        border: black 1px solid;
        min-height:100%;
       }
.box 	{
	background-color:#f2f2f2;
	border: black 1px solid; 
 	width:50%;
	margin:auto;
	padding:10px; 
	text-align:center;
	}
.boxleft   {    
	background-color:#f2f2f2;
	border: black 1px solid; 
 	width:50%;
	margin:auto;
	padding:10px; 
	text-align:left;
	}


/* Responsive layout - wider box forsmall screens */
@media screen and (max-width: 600px) {
.box    {    
	background-color:#f2f2f2;
	border: black 1px solid; 
 	width:95%;
	margin:auto;
	padding:10px; 
	text-align:center;
	}

}
.boxleft 	{
	background-color:#f2f2f2;
	border: black 1px solid; 
 	width:50%;
	margin:auto;
	padding:10px; 
	text-align:left;
	}
/* Responsive layout - wider box forsmall screens */
@media screen and (max-width: 600px) {
.boxleft    {    
	background-color:#f2f2f2;
	border: black 1px solid; 
 	width:95%;
	margin:auto;
	padding:10px; 
	text-align:left;
	}
}


.box2 	{
	background-color:#f2f2f2;
	border: black 1px solid; 
 	width:100%;
	margin:auto;
	padding:10px; 
	text-align:center;
	}

.box3 	{
	background-color:#B7CEE2;
	border: black 1px solid; 
 	width:90%;
	font-style:italic;
	margin:auto;
	padding:10px; 
	text-align:center;
	}

.boxpad {
	padding:10px;
	}


/* Create three equal columns that float next to each other */
.column {
    float: left;
    width: 33.33%;
    padding: 25px;
     box-sizing: border-box;
    margin: auto;
}

/* Create two equal columns that float next to each other */
.column2 {
    float: left;
    width: 50%;
    padding: 25px;
     box-sizing: border-box;
    margin: auto;
}
/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}

/* Responsive layout - makes the three columns stack on top of each other instead of next to each other on smaller screens (600px wide or less) */
@media screen and (max-width: 600px) {
    .column{
        width: 100%;
    }
}
/* Responsive layout - makes the three columns stack on top of each other instead of next to each other on smaller screens (600px wide or less) */
@media screen and (max-width: 600px) {
    .column2{
        width: 100%;
    }
}


.responsive
	{
    max-width: 100%;
    max-height: 100%;
}
.imgborder
	{
	border: 1px black solid; 
	padding:5px;
	}	
.sideline {
       border-right-style:solid;
       border-right-width :10px;
       border-right-color:#B7CEE2;
       padding-right:20px;
       }
  
.width10
	{
	width:10%
	text-align:left;
	}
.width40
	{
	width:40%
	text-align:left;
	}